function addNewTask() {
    //往todo元素中插入一个新的div，这个div里面包含一个span和一个button,span中又包含一个checkbox和一段文本
    let edit = document.getElementById("edit");
    if (edit.value == "")
        return;

    //创建一个新的div
    let newDiv = document.createElement("div");
    newDiv.className = "line";
    //创建一个新的span
    let newSpan = document.createElement("span");
    newSpan.className = "sp";
    //往span中插入一个复选框和edit中的文本
    let checkbox = document.createElement("input");
    checkbox.type = "checkbox";

    console.log(checkbox);




    newSpan.appendChild(checkbox);
    newSpan.innerHTML += edit.value;
    edit.value = "";//清空输入框
    //将span插入div
    newDiv.appendChild(newSpan);
    //再往div中插入一个button
    let button = document.createElement("button");
    button.innerText = "删除";
    newDiv.appendChild(button);
    //将新的div插入todo盒子
    document.getElementById("todo").appendChild(newDiv);

    //给删除按钮关联点击事件
    button.onclick = function () {
        console.log("button")
        //获取button的div父元素
        let parent = this.parentElement;
        //将button的父元素从button的爷爷元素中移除
        let grandpa = parent.parentElement;
        grandpa.removeChild(parent);
    };

    //给复选框关联点击事件
    let checkboxs = document.querySelectorAll("span > input");
    for (let i = 0; i < checkboxs.length; i++)
    {
        checkboxs[i].onclick = function () {
            console.log("checkbox");
            let sp = this.parentElement;
            let div = sp.parentElement;
            if (this.checked)//将div放到done盒子中
            {
                document.getElementById("done").appendChild(div);
            }
            else//将div放到tode盒子中
            {
                document.getElementById("todo").appendChild(div);
            }
        };
    }

}



